@charset "utf-8";
.com-pagination {
  display: inline-block;
  font-size: 12px;
}
.com-pagination .page-btn,
.com-pagination .item-num,
.com-pagination .item-more {
  float: left;
  border: 0.5px solid #dbdbdb;
  margin-left: 3px;
  cursor: pointer;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.com-pagination .page-btn:hover,
.com-pagination .item-num:hover,
.com-pagination .item-more:hover {
  color: #20a0ff;
}
.com-pagination .active {
  background-color: #20a0ff;
  color: #fff !important;
  border: none;
}
.com-pagination .page-item {
  float: left;
}
.com-pagination .page-item .item-list:last-child {
  display: none;
}
.com-pagination .page-item .item-num,
.com-pagination .page-item .item-more {
  height: 30px;
  width: 30px;
  line-height: 30px;
}
.com-pagination .page-item .item-more {
  display: none;
}
.com-pagination .page-item .item-more i {
  position: relative;
  display: inline-block;
  width: 2px;
  height: 2px;
  margin: 0 1px;
  border-radius: 100%;
  vertical-align: middle;
  background-color: #999;
}
.com-pagination .page-item .item-more:hover i {
  background-color: #20a0ff;
}
.com-pagination .page-btn {
  height: 30px;
  padding: 0 10px;
  line-height: 30px;
}
.com-pagination .page-btn:first-child {
  margin-left: 0;
}
